﻿@*@model List<Capokun.Models.Song>*@
@{
    ViewBag.Title = "List of songs";
    Layout = "~/Views/Shared/_Layout_fr-FR.cshtml";
}
<section id="contentSongList" class="body">
    <script>
        $(function () {
            $("#tabs").tabs({ selected: 1 });
        });
        $(document).ready(function () {
            $('a[href|="#tabs-1"]').click(function () {
                window.location = "@Url.Action("All")";
            });
            $('a[href|="#tabs-2"]').click(function () {
                window.location = "@Url.Action("Favorites")";
            });
            $('a[href|="#tabs-3"]').click(function () {
                window.location = "@Url.Action("Create")";
            });
        });

        $(document).ready(function () {
           getFavoritesMVC();
        });


        
    </script>
    <div id="tabs">
        <ul>
            <li>
                <a href="#tabs-1">Tous</a></li>
            <li>
                <a href="#tabs-2">Favoris</a></li>
            <li>
                <a href="#tabs-3">Créer une nouvelle chanson</a></li>
        </ul>
        <div id="tabs-1">
        </div>
        <div id="tabs-2">
            <ul id="songListFavorites">
                @*              @if (Model.Count > 0)
                {
                    foreach (var song in Model)
                    {
                    <li style="display: none">
                        @Html.ActionLink(song.SongId, song.SongId, "Songs")
                        <span>@Capokun.Tools.HtmlRemoval.StripTagsRegex(song.Content)</span>
                    </li>
                    }
                }*@
            </ul>
        </div>
        <div id="tabs-3">
        </div>
    </div>
</section>
<section id="contentMobile" class="body">
    Mobile device detected!
<br /> <a href="@Url.Content("~/App_EN.htm")" >let's go to the mobile song application
    here</a>
</section>
